<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>示例集 - js</title>
	<!-- Bootstrap -->
	<link href="cj/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="cj/main.css"/>
</head>
<body>
<div class="container-fluid">
	<h3 class="text-center bg-primary lhei" id="t_h3"></h3>
	<div class="div_a" id="add_a"></div>
	<div class="tab-content min_hei">
		<!--html-->
	    <div class="tab-pane active" id="html">
	    	
	    	<!--第六行-->
	    	<hr />
	    	<div class="row">
	    		
	    		
	    		
	    		
	    		
	    		
	    	</div>
	    	
	    	<!--第五行-->
	    	<hr />
	    	<div class="row">
	    		
	    		
	    		
	    		
	    		
	    		<div class="col-md-2">
		    		<a href="../d3/get_tree.php" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/get_tree.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">组装tree数组，并显示数状图</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第四行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-6/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-6-index.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">树状图-收展</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-5/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-5-index.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">基本的树状图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-4/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-4-index.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">树状图-左右放射</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-2/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-2-index.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">树状图-收展</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-1/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-1-index.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">树状图-拖拽、缩放、收展</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-0/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-01-index.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">树形图（集群图） - 带注释</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第三行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../d3/tree_d3-0/diy.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-15.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">tree_d3 - 简洁代码版</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn15.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-15.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">树状图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn14.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-14.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">力导向图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn13.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-13.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">饼状图的制作</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn11-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-11-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">带有交互的柱形图 - 鼠标悬浮变黄色</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn11-1.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-11-1.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">动态效果 - 圆</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第二行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn10-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-10-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">Update 和 Exit 的使用</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn10-1.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-10-1.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">Update 和 Enter 的使用</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn9-1.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-9-1.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">完整柱形图 - 动态效果 - X轴从1开始</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn9.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-9.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">动态效果 - 圆</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn8-1.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-8-1.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">完整的柱形图 - X轴从1开始</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn8-0.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-8-0.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">完整的柱形图 - 教程中复制的</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第一行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn7_other.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-7_other.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">坐标轴 - 拓展（绑定姓名）</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn7.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-7.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">坐标轴</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn6_2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-6_2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">比例尺的使用 - 序数比例尺</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn6_1.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-6_1.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">比例尺的使用 - 线性比例尺</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn5.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06-5.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">柱形图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../d3/study/learn3.html" target="_blank">
		    			<div class="a_img"><img src="imgs/d3/2010/01-06_3.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">选择元素和绑定数据</h4>
		    		</a>
	    		</div>
	    	</div>
	    </div>
	    
	</div>
</div>
<script type="text/javascript" src="cj/diy.js"></script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="cj/jquery-3.3.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="cj/bootstrap.min.js"></script>
</body>
</html>